<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <title>订单管理-车速递</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="../css/mymain.mymain.css">
    <script src = "../js/bootstrap.min.js"></script>
    <script type="application/javascript" src="../js/jquery-3.3.1.js"></script>
    <script type="application/javascript" src="../js/bootstrap.min.js"></script>
    <script type="application/javascript" src="../layui/layui.js"></script>
    <script src="../js/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>


</head>
<body style="position: static">

<div id="app" class="bgGray">
    <div data-v-95ac8d30="" class="header3">
        <div data-v-95ac8d30="" class="layout clear">
            <div data-v-95ac8d30="" class="left logo">
                <a data-v-95ac8d30="" href="index.html">
                    <img data-v-95ac8d30="" src="">
                </a>
            </div> <div data-v-95ac8d30="" class="header3Nav right">|<a data-v-95ac8d30="" href="">我的订单</a>|<a data-v-95ac8d30="" href="helpCenter.html">帮助中心</a>|<a data-v-95ac8d30="" href="/pagehome/loginsuccess.html">退出</a>
        </div>
            <div data-v-95ac8d30="" class="header3User right">
                <i data-v-95ac8d30="" class="iconfont icon-phone"></i>
                <span data-v-95ac8d30="" class="sp1">400-919-8000</span>
                <span data-v-95ac8d30="" class="sp2">欢迎您，</span>
                <span data-v-95ac8d30="" class="sp3"></span>
            </div>
        </div>
    </div>
    <div class="userInfo">
        <div class="layout">
            <div class="userInfoCom clear">
                <div class="userInfoL left">
                    <div data-v-1cae2c34="" class="userNav">
                        <dl data-v-1cae2c34="" class="userMsg">
                            <dt data-v-1cae2c34="">
                                <img data-v-1cae2c34="" src="">
                            </dt>
                            <dd data-v-1cae2c34="">
                                <p data-v-1cae2c34=""></p>
                                <p data-v-1cae2c34="" class="p5 pp" style="">普卡会员</p>
                            </dd>
                        </dl>
                        <ul data-v-1cae2c34="" class="manNav">
                            <li data-v-1cae2c34="">
                                <a data-v-1cae2c34="" href="mymain.html" class="">订单管理</a>
                            </li>
                            <li data-v-1cae2c34="">
                                <a data-v-1cae2c34="" href="myinfo.html" class="sel">个人信息</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="userInfoR right">

                    <div class="orderManage manage">
                        <div class="orderManageTit manageTit clear">
                            <div class="left tit">个人信息</div>
                        </div>
                        <div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">
                            <div class="orderList list" id="noda">
                                <table  class="tableinfo" style="height: 10px"  >
                                    <tr>
                                        <td>手机号：{{tel}} </td>
                                        <td><button   @click="edit(tel)" >修改</button></td>
                                    </tr>

                                    <div class="modal fade" id="modalModify">
                                        <div class="modal-dialog" >
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal">X</button>
                                                    <h4 class="modal-title">手机号修改：</h4>
                                                </div>
                                                <div class ="modal-body" >
                                                    <div class="input-group">
                                                        <span class="input-group-addon">手机号:</span>
                                                        <input class="input-sm" type="text" id="tel" placeholder="1" v-model="tel" />
                                                    </div>
                                                </div>
                                                <div class = "modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss ="modal">取消</button>
                                                    <button type="button" class="btn btn-primary" id="modify" @click="update()">修改</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </table>
                            </div>
                        </div>
                        <div class="site-demo-button" id="layerDemo2" style="margin-bottom: 0;">
                            <div class="orderList list" id="noda2">
                                <table  class="tableinfo" style="height: 10px">

                                    <tr>
                                        <td>邮箱：{{email}}</td>
                                        <td><button  @click="edit2(email)" >修改</button></td>
                                    </tr>
                                    <div class="modal fade" id="modalModify2">
                                        <div class="modal-dialog" >
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal">X</button>
                                                    <h4 class="modal-title">邮箱修改：</h4>
                                                </div>
                                                <div class ="modal-body" >
                                                    <div class="input-group">
                                                        <span class="input-group-addon">邮箱</span>
                                                        <input class="input-sm" type="text" id="email" placeholder="1" v-model="email" />
                                                    </div>
                                                </div>
                                                <div class = "modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss ="modal">取消</button>
                                                    <button type="button" class="btn btn-primary" id="modify2" @click="update2()">修改</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </table>
                            </div>
                        </div>
                        <div class="site-demo-button" id="layerDemo3" style="margin-bottom: 0;">
                            <div class="orderList list" id="noda3">
                                <table  class="tableinfo" style="height: 10px">
                                    <tr>
                                        <td>密码：{{password}}</td>
                                        <td><button  @click="edit3(password)" >修改</button></td>
                                    </tr>
                                    <div class="modal fade" id="modalModify3">
                                        <div class="modal-dialog" >
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal">X</button>
                                                    <h4 class="modal-title">密码修改：</h4>
                                                </div>
                                                <div class ="modal-body" >
                                                    <div class="input-group">
                                                        <span class="input-group-addon">密码</span>
                                                        <input class="input-sm" type="text" id="password" placeholder="1" v-model="password" />
                                                    </div>
                                                </div>
                                                <div class = "modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss ="modal">取消</button>
                                                    <button type="button" class="btn btn-primary" id="modify3" @click="update3()">修改</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-v-3aaf9db2="" class="footer2">
        <div data-v-3aaf9db2="" class="layout clear">
            <div data-v-3aaf9db2="" class="d1">
                <a data-v-3aaf9db2="" href="about.html">关于车速递</a></div></div></div>


</div>

<script type="text/javascript">
    var vm = new Vue({
        el:'#noda',
        data: {
            tel: '',
        },
        methods:{
            edit:function(tel){
                //此处可以从后台回去取数据，也可以从数组中湖区数据
                $("#modalModify").modal("show");//事件发生后显示对话框
            },
            update:function (){
                $.ajax({
                    url:"/user/update3.do/",
                    dataType: "json",
                    type: "post",
                    success:function(data){
                        alert("修改成功")

                    }
                })
                $("#modalModify").modal("hide");
            }
        },
    });
    var vm2 = new Vue({
        el:'#noda2',
        data:{
            email:'',
        },
        methods:{
            edit2:function(email){

                //此处可以从后台回去取数据，也可以从数组中湖区数据
                $("#modalModify2").modal("show");//事件发生后显示对话框
            },
            update2:function (){
                $.ajax({
                    url:"/user/update1.do/",
                    dataType: "json",
                    type: "post",
                    success:function(data){
                        alert("修改成功")

                    }
                })
                $("#modalModify2").modal("hide");
            }
        },
    });
    var vm3 = new Vue({
        el:'#noda3',
        data:{
            password:'******',
        },
        methods:{
            edit3:function(password){

                //此处可以从后台回去取数据，也可以从数组中湖区数据
                $("#modalModify3").modal("show");//事件发生后显示对话框
            },
            update3:function (){
                $.ajax({
                    url:"/user/update2.do/",
                    dataType: "json",
                    type: "post",
                    success:function(data){
                        alert("修改成功")

                    }
                })
                $("#modalModify3").modal("hide");
            }
        },
    });

    function edit(id){
        alert(id);
    }

    $(function () {
        $.ajax({
            type:"get",
            url:"/user/denglu.do",
            dataType:"json",
            success:function(data){
                //id为0时为父类
                if(data.code==1){
                    vm.tel = data.data.tel;
                    vm2.email=data.data.email;
                    /* vm.password=data.data.password;*/

                }
            }
        });
    })

</script>


<script>



</script>


</body>
</html>
</html>